<template>
<div class="life-span">
  <el-card class="box-card">
    <template #header>
      <div class="card-header">
        <span><a style="cursor:pointer;"
                 href="https://iloveyezi.life/lifeview/index.html"
                 target="_blank">生平纵横</a>
        </span>
      </div>
    </template>
    <div class="text item">
      欢迎来到“生平观”！
    </div>
    <div class="text item">
      这是一个专门为您展示名人生平、重要事件和成就的应用。
    </div>
    <div class="text item">
      在这里，您可以深入了解您喜欢的名人，了解他们的起起落落，独特的生活经历和他们的重要成就。
    </div>
    <div class="text item">
      更重要的是，我们的对比功能让您可以通过年份或者年龄，对比不同名人的生平，让您从中获取启示，获得新的视角。
    </div>
    <div class="text item">
      来“生平观”，开启您的名人生平探索之旅！
    </div>
  </el-card>
</div>
</template>

<script>
export default {
  name: "LifeSpan"
}
</script>

<style scoped>
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
  text-align: left;
}

.box-card {
  width: 100%;
}
</style>